<template>
    <div>
      <dl v-for="(v,i) in list" :key="i">
          <dt><img :src=v.img alt=""></dt>
          <dd>
              <p><b>{{v.title}}</b></p>
              <p>￥{{v.num}}万</p>
              <p>{{v.desc}}</p>
          </dd>
      </dl>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
// import {mapState,mapActions} from 'vuex'
import {State,Action} from 'vuex-class'
// @Component({
//    computed:{
//        ...mapState(['list'])
//    },
//    methods:{
//        ...mapActions(['GET_LIST'])
//    },
//    created(){
//         this.GET_LIST()
//     }
// })
@Component
export default class Ind extends Vue {
   @State('list') list?:[]

   @Action('GET_LIST') getList:any

   created(){
       this.getList();
   }
}
</script>

<style lang="scss" scoped>
  dl{
      display: flex;
      align-items: center;
      width: 100%;
      height: 120px;
      border-bottom: 1px solid #ccc;
      padding: 0 10px;
      dt{
          margin-right: 10px;
      }
  }
</style>